<template>
    <h1>我是page1-{{o.sname.value}}</h1>
    <button @click="hehe">改变仓库中的值</button>
    <var-steps>
      <var-step>步骤1</var-step>
      <var-step>步骤2</var-step>
      <var-step>步骤3</var-step>
      <var-step>步骤4</var-step>
    </var-steps>
</template>
<script lang="ts" setup>

  //hook翻译过来表示钩子。 大家可以理解成一个没有template和style的组件。
    import {useState,_mapMutations} from '@/hook/vuexhook';
    let o = useState(['sname'])

    let {updateSname,updateSname2} = _mapMutations(['updateSname','updateSname2']);

    let hehe = ()=>{
        o.sname.value="456"
         updateSname("xx");
    }
</script>